import { defineStore } from "pinia";
import { ref } from "vue";

/**
 * 第一个参数：给状态起名，具有唯一性
 * 第二个参数：函数
 *
 * return 返回一个可以修改或删除定义的状态的函数
 */
export const useTokenStore = defineStore(
    "token",
    () => {
        // 1.定义描述 token
        const token = ref("");

        // 2.定义修改 token 的方法
        const setToken = newToken => {
            token.value = newToken;
        };

        // 3.定义移除 token 的方法
        const removeToken = () => {
            token.value = "";
        };

        return {
            token,
            setToken,
            removeToken,
        };
    },
    {
        persist: true,
    }
);
